<template>
	<view
		v-show="active"
		:id="`pane-${paneName}`"
	>
		<slot></slot>
	</view>
</template>

<script>
	export default {
		props: {
			name: String,
			label: String
		},
		computed: {
			paneName() {
				return this.name || this.index;
			  }
		}
	}
</script>

<style>
</style>
